<!doctype html>
<html>
  <head>
    <title>CodeMirror 2: Tea CSS mode</title>
      <link rel="stylesheet" href="../../lib/codemirror.css">
      <link rel="stylesheet" href="teacss.css">
    <script src="../../lib/codemirror.js"></script>
    <script src="../javascript/javascript.js"></script>
      <script src="../css/css.js"></script>
      <script src="teacss.js"></script>
    <link rel="stylesheet" href="../../theme/night.css">
    <script src="htmlmixed.js"></script>
    <link rel="stylesheet" href="../../css/docs.css">
    <style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;background: #333;}</style>
  </head>
  <body>
    <h1>CodeMirror 2: Tea CSS mode</h1>
    <form><textarea id="code" name="code">
@{
    $.group('Body')
    bodyBackground = $.param( {})
}
</textarea></form>
    <script>
      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {theme:"night",mode: "teacss", tabMode: "indent"});
    </script>
  </body>
</html>
